<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>聊天室</title>
  <link rel="stylesheet" href="/css/base.min.css">
  <link rel="stylesheet" href="/css/chat.min.css">
</head>

<body>
  <div class="chat-wrap">
    <div class="chat-list">
      <div class="chat-head">
        <img class="user-head" src="/images/head/10.jpg" alt="">
        <span class="user-name">当前用户</span>
      </div>
      <div class="chat-body"></div>
      <div class="chat-foot">
        <a href="" class="chat-quit">退出</a>
      </div>
    </div>
    <div class="chat-room">
      <div class="chat-msg">
        <!-- <div class="msg clear">
          <img src="/images/head/10.jpg" alt="">
          <p>哈哈哈啊哈哈哈哈哈</p>
        </div>

        <div class="msg self clear">
          <img src="/images/head/9.jpg" alt="">
          <p>哈哈哈啊哈哈哈哈哈</p>
        </div> -->
      </div>
      <div class="chat-input">
        <input type="text" class="chat-content">
        <button type="button" class="chat-send">发送</button>
      </div>
    </div>
  </div>

  <script src="/js/jquery-1.11.1.js"></script>
  <script src="/js//socket.io.js"></script>
  <script src="/js/chat.js"></script>
</body>

</html>